Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / style.css

Displaying Raw • Download

Tb4b4b4@Tff7b72tailwind Tff7b72baseTb4b4b4;

Tb4b4b4@Tff7b72tailwind Tff7b72componentsTb4b4b4;

Tb4b4b4@Tff7b72tailwind Tff7b72utilitiesTb4b4b4;

Tff7b72* Tb4b4b4{

Tff7b72scrollbar-widthTb4b4b4: Tff7b72thinTb4b4b4;

Tff7b72scrollbar-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-scrollbar-thumbTb4b4b4) Td2a8ffvarTb4b4b4(Te6edf3--mc-scrollbar-trackTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72widthTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tff7b72heightTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-scrollbar-trackTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-scrollbar-thumbTb4b4b4)Tb4b4b4;

Tff7b72border-radiusTb4b4b4: T79c0ff999Tffa657pxTb4b4b4;

Tff7b72borderTb4b4b4: T79c0ff2Tffa657px Tff7b72solid Td2a8ffvarTb4b4b4(Te6edf3--mc-scrollbar-thumb-borderTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364glass-card Tb4b4b4{

@apply bg-sem-glass backdrop-blur border border-sem-border-card rounded-3xl shadow-xl px-4 py-4Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364input-field Tb4b4b4{

@apply bg-sem-surface-muted border border-sem-border text-sm rounded-2xl Te6edf3focusTb4b4b4:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-sem-focus Te6edf3focusTff7b72:Tff7b72borderTff7b72-Te6edf3sem-focus-border Tff7b72block Te6edf3w-full Te6edf3p-2T79c0ff.5 Tff7b72textTff7b72-Te6edf3sem-fg Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tff7b72selectTb4b4b4.T56d364input-field Tff7b72option Tb4b4b4{

@apply bg-sem-surface text-sem-fgTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chip Tb4b4b4{

@apply inline-flex items-center justify-center gap-x-2 rounded-full bg-sem-accent px-4 py-2 text-xs font-bold text-white shadow-sm transition-all !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chipTb4b4b4:Tf0883ehover Tb4b4b4{

@apply bg-sem-accent-hover -translate-y-0.5 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chipTb4b4b4:Tf0883eactive Tb4b4b4{

@apply scale-95 translate-y-0 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364secondary-chip Tb4b4b4{

@apply inline-flex items-center justify-center gap-x-2 rounded-full px-4 py-2 text-xs font-bold shadow-sm transition-all duration-200 !importantTb4b4b4;

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-secondary-chip-bgTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-secondary-chip-textTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72borderTb4b4b4: T79c0ff1Tffa657px Tff7b72solid Td2a8ffvarTb4b4b4(Te6edf3--mc-secondary-chip-borderTb4b4b4) Tff7b72!importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364secondary-chipTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-secondary-chip-hover-bgTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-secondary-chip-hover-textTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72border-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-secondary-chip-hover-borderTb4b4b4) Tff7b72!importantTb4b4b4;

@apply -translate-y-0.5 shadow-md !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364secondary-chipTb4b4b4:Tf0883eactive Tb4b4b4{

@apply scale-95 translate-y-0 shadow-sm !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364secondary-chipTb4b4b4:Tf0883ehover Tb4b4b4{

@apply shadow-lg Te6edf3darkTb4b4b4:Te6edf3shadow-blue-500Tff7b72/T79c0ff10 Tff7b72!importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364danger-chip Tb4b4b4{

@apply inline-flex items-center justify-center gap-x-2 rounded-full px-4 py-2 text-xs font-bold transition-all duration-200 !importantTb4b4b4;

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-danger-chip-bgTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-danger-chip-textTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72borderTb4b4b4: T79c0ff1Tffa657px Tff7b72solid Td2a8ffvarTb4b4b4(Te6edf3--mc-danger-chip-borderTb4b4b4) Tff7b72!importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364danger-chipTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-danger-chip-hover-bgTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-danger-chip-hover-textTb4b4b4) Tff7b72!importantTb4b4b4;

@apply -translate-y-0.5 shadow-md !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364danger-chipTb4b4b4:Tf0883eactive Tb4b4b4{

@apply scale-95 translate-y-0 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364danger-chipTb4b4b4:Tf0883ehover Tb4b4b4{

@apply shadow-lg Te6edf3darkTb4b4b4:Te6edf3shadow-red-500Tff7b72/T79c0ff10 Tff7b72!importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364glass-label Tb4b4b4{

@apply mb-1 text-sm font-semibold text-sem-fg-secondary Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Te6edf3sem-fg-labelTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364monospace-field Tb4b4b4{

@apply font-mono tracking-tight text-sem-fg Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364metric-row Tb4b4b4{

@apply grid gap-3 Te6edf3smTb4b4b4:Tff7b72gridTff7b72-Te6edf3cols-2 Tff7b72textTff7b72-Te6edf3sem-fg-secondary Te6edf3darkTff7b72:Tff7b72textTff7b72-Te6edf3sem-fgTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364metric-value Tb4b4b4{

@apply text-lg font-semibold text-sem-fg Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card Tb4b4b4{

@apply relative border border-sem-border-card rounded-2xl bg-sem-surface-raised p-4 space-y-2Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__label Tb4b4b4{

@apply text-xs uppercase tracking-wide text-sem-fg-mutedTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__value Tb4b4b4{

@apply text-sm text-sem-fg Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72white Te6edf3break-words Te6edf3pr-16Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__action Tb4b4b4{

@apply absolute top-3 right-3 inline-flex items-center gap-1 rounded-full px-3 py-1 text-[10px] font-bold shadow-sm transition-all !importantTb4b4b4;

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-address-action-bgTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-address-action-textTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72borderTb4b4b4: T79c0ff1Tffa657px Tff7b72solid Td2a8ffvarTb4b4b4(Te6edf3--mc-address-action-borderTb4b4b4) Tff7b72!importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__actionTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-address-action-hover-bgTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-address-action-hover-textTb4b4b4) Tff7b72!importantTb4b4b4;

Tff7b72border-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-address-action-hover-borderTb4b4b4) Tff7b72!importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364file-input Tb4b4b4{

@apply block w-full text-xs cursor-pointer rounded-lg border bg-sem-file-input-bg text-sem-file-input-text Te6edf3focusTb4b4b4:Tff7b72outlineTff7b72-Tff7b72none Te6edf3focusTff7b72:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-sem-focusTb4b4b4;

Tff7b72border-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-file-input-borderTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364file-inputTb4b4b4::Tf0883efile-selector-button Tb4b4b4{

@apply mr-2 border-0 rounded-md bg-sem-accent text-white px-3 py-1 text-xs font-semibold cursor-pointer Te6edf3hoverTb4b4b4:Te6edf3bg-sem-accent-hover Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364file-inputTb4b4b4::Tf0883efile-selector-button Tb4b4b4{

@apply bg-sem-accent Te6edf3hoverTb4b4b4:Te6edf3bg-sem-accent-hover Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364no-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72displayTb4b4b4: Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364no-scrollbar Tb4b4b4{

Tff7b72-ms-Te6edf3overflow-styleTb4b4b4: Tff7b72noneTb4b4b4;

Tff7b72scrollbar-widthTb4b4b4: Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72widthTb4b4b4: T79c0ff6Tffa657pxTb4b4b4;

Tff7b72heightTb4b4b4: T79c0ff6Tffa657pxTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: Tff7b72transparentTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72backgroundTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-custom-scroll-thumbTb4b4b4)Tb4b4b4;

Tff7b72border-radiusTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tff7b72borderTb4b4b4: Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-thumbTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72backgroundTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-custom-scroll-thumb-hoverTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4@Tff7b72keyframes Tff7b72spin-reverse Tb4b4b4{

Tff7b72from Tb4b4b4{

Tff7b72transformTb4b4b4: Tffa657rotateTb4b4b4(T79c0ff360Tffa657degTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72to Tb4b4b4{

Tff7b72transformTb4b4b4: Tffa657rotateTb4b4b4(T79c0ff0Tffa657degTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}

Tb4b4b4.T56d364animate-spin-reverse Tb4b4b4{

Tff7b72animationTb4b4b4: Te6edf3spin-reverse T79c0ff1Tffa657s Tff7b72linear Tff7b72infiniteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364context-menu-panel Tb4b4b4{

@apply fixed min-w-48 rounded-xl border shadow-xl bg-sem-surfaceTb4b4b4;

Tff7b72border-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-borderTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364context-item Tb4b4b4{

@apply w-full text-left px-3 py-2 text-sm flex items-center gap-2Tb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-context-item-textTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364context-itemTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-context-hoverTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364context-menu-divider Tb4b4b4{

Tff7b72border-colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-context-dividerTb4b4b4)Tb4b4b4;

@apply border-t my-1Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364context-menu-section-label Tb4b4b4{

@apply px-3 py-1.5 text-[10px] font-black uppercase tracking-widestTb4b4b4;

Tff7b72colorTb4b4b4: Td2a8ffvarTb4b4b4(Te6edf3--mc-context-sectionTb4b4b4)Tb4b4b4;

Tb4b4b4}